.chassis-preview.svelte-70uex3{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:radial-gradient(circle at 50% 35%,#38bdf824,#0000 38%),linear-gradient(#07111ce6,#040a12f5);border:1px solid #7dd3fc24;height:12.5rem;position:relative;overflow:hidden}.chassis-preview.svelte-70uex3 canvas{width:100%;height:100%;display:block}body{background:radial-gradient(circle at top,#30beff24,#0000 32rem),radial-gradient(circle at 85% 15%,#87ffdc1f,#0000 18rem),linear-gradient(#06111b 0%,#03070d 100%)}main.svelte-1uha8ag{--bg-panel:#07111ce0;--bg-panel-strong:#091826f5;--line:#81d6ff33;--line-strong:#81d6ff8a;--text-main:#ecf7ff;--text-muted:#8ca3b8;--text-dim:#5f7488;--glow:#38bdf852;--glow-strong:#38bdf87a;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:clamp(1rem,2vw,2rem);display:flex;position:relative;overflow:hidden}.hero.svelte-1uha8ag{z-index:1;flex-direction:column;gap:clamp(1.25rem,2vw,2rem);width:100%;max-width:76rem;display:flex;position:relative}.logo.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;padding:1.25rem 1rem .4rem;display:flex}.logo-kicker.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.32em;color:#7dd3fc;text-shadow:0 0 18px #38bdf866;text-align:left;width:100%;max-width:22rem;margin-bottom:.55rem;font-size:.72rem}.logo-dots.svelte-1uha8ag{text-align:left;min-width:1.8em;margin-left:.05em;display:inline-block}h1.svelte-1uha8ag{letter-spacing:.24em;text-transform:uppercase;color:#e6f7ff;text-shadow:0 0 10px #7dd3fc29,0 0 26px #38bdf81a;margin:0;font-family:Orbitron,monospace;font-size:clamp(3.2rem,10vw,5rem);font-weight:900}.join-card.svelte-1uha8ag{background:linear-gradient(180deg, #0f2233f5, #07111cf0), var(--bg-panel);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));flex-direction:column;gap:.95rem;width:100%;max-width:48rem;padding:1.4rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7dd3fc0f,0 20px 60px #0000007a,0 0 40px #38bdf814}.join-card.svelte-1uha8ag:before,.join-card.svelte-1uha8ag:after{content:"";pointer-events:none;position:absolute}.join-card.svelte-1uha8ag:before{background:linear-gradient(135deg,#7dd3fc1a,#0000 28%),linear-gradient(315deg,#10b98114,#0000 24%);inset:0}.join-card.svelte-1uha8ag:after{background:linear-gradient(90deg,#0000,#7dd3fccc);width:5rem;height:1px;top:.75rem;right:.85rem;box-shadow:0 0 14px #7dd3fc80}.card-heading.svelte-1uha8ag{z-index:1;flex-direction:column;gap:.2rem;margin-bottom:.15rem;display:flex;position:relative}.section-label.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.26em;color:#67e8f9;margin:0;font-size:.68rem;font-weight:700}h2.svelte-1uha8ag{letter-spacing:.06em;color:var(--text-main);margin:0;font-size:1.45rem;font-weight:800}.stepper.svelte-1uha8ag{z-index:1;align-items:center;gap:.65rem;display:flex;position:relative}.step-chip.svelte-1uha8ag{min-width:0;color:var(--text-dim);font:inherit;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));cursor:default;background:#050d16c7;border:1px solid #7dd3fc1a;align-items:baseline;gap:.45rem;padding:.52rem .7rem;display:inline-flex}.step-chip.active.svelte-1uha8ag,.step-chip.complete.svelte-1uha8ag{color:var(--text-main);border-color:#7dd3fc47}.step-chip.active.svelte-1uha8ag{background:linear-gradient(#0d2e42e0,#05101aeb);box-shadow:0 0 18px #38bdf81a}.step-chip.step-link.svelte-1uha8ag{cursor:pointer;transition:border-color .15s,color .15s,transform .15s,box-shadow .15s}.step-chip.step-link.svelte-1uha8ag:hover:not(:disabled){color:var(--text-main);border-color:#7dd3fc6b;transform:translateY(-1px);box-shadow:0 0 16px #38bdf81f}.step-chip.svelte-1uha8ag:disabled{opacity:1}.step-index.svelte-1uha8ag{letter-spacing:.2em;color:#67e8f9;font-size:.7rem;font-weight:800}.step-name.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:700}.step-rule.svelte-1uha8ag{background:linear-gradient(90deg,#7dd3fc3d,#7dd3fc0a);flex:1;height:1px}.mode-row.svelte-1uha8ag{z-index:1;grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid;position:relative}.mode-btn.svelte-1uha8ag{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:#07111cd6;border:1px solid #7dd3fc29;padding:.78rem .5rem;font-weight:700;transition:border-color .14s,color .14s,background .14s,box-shadow .14s,transform .14s}.mode-btn.svelte-1uha8ag:hover:not(.active){color:var(--text-main);border-color:#7dd3fc57;transform:translateY(-1px)}.mode-btn.active.svelte-1uha8ag{border-color:var(--line-strong);color:#f0fbff;background:linear-gradient(#0e4a6ae6,#061f30f5);box-shadow:inset 0 0 0 1px #7dd3fc24,0 0 18px #38bdf82e}.role-note.svelte-1uha8ag{color:var(--text-muted);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:linear-gradient(#08121ceb,#050c14eb);border:1px solid #7dd3fc24;padding:.9rem 1rem;font-size:.84rem;line-height:1.5}.identity-panel.svelte-1uha8ag{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(#08141fe6,#050c14f0);border:1px solid #7dd3fc1f;flex-direction:column;gap:.85rem;padding:.95rem;display:flex}.input-group.svelte-1uha8ag{z-index:1;gap:.5rem;display:flex;position:relative}input.svelte-1uha8ag{color:var(--text-main);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:#030b13f0;border:1px solid #7dd3fc29;flex:1;min-width:0;padding:.9rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}.panel-label.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.22em;color:#67e8f9;margin:0;font-size:.66rem;font-weight:800}input.svelte-1uha8ag:focus{border-color:var(--line-strong);background:#06101afa;outline:none;box-shadow:0 0 0 1px #7dd3fc24,0 0 20px #38bdf824}.identity-note.svelte-1uha8ag{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));background:#040b12c7;border:1px solid #7dd3fc14;flex-direction:column;gap:.28rem;padding:.85rem .9rem;display:flex}.identity-note.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.55}.identity-note-kicker.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);font-size:.64rem;font-weight:800}.preview-row.svelte-1uha8ag{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:linear-gradient(#09162361,#040a122e);border-top:1px solid #7dd3fc2e;border-bottom:1px solid #7dd3fc14;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.robot-preview.svelte-1uha8ag{width:56px;height:56px;box-shadow:0 0 0 1px #ffffff14 inset, 0 0 18px color-mix(in srgb, var(--selected-color,#38bdf8) 38%, transparent);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,box-shadow .2s;display:flex}.preview-label.svelte-1uha8ag{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;font-size:1rem;font-weight:700;overflow:hidden}.preview-label-button.svelte-1uha8ag{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.preview-label-button.svelte-1uha8ag:hover{color:#f8fdff;text-shadow:0 0 14px #38bdf829}.preview-copy.svelte-1uha8ag{flex-direction:column;gap:.14rem;min-width:0;display:flex}.preview-subtitle.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);font-size:.66rem}.inline-name-input.svelte-1uha8ag{clip-path:none;letter-spacing:.04em;width:100%;max-width:12rem;color:var(--text-main);box-shadow:none;background:0 0;border:0 solid #7dd3fc70;border-bottom-width:1px;border-radius:0;padding:.18rem .35rem .2rem;font-size:1rem;font-weight:700}.inline-name-input.svelte-1uha8ag:focus{background:0 0;border-color:#7dd3fccc;box-shadow:0 1px #7dd3fc47}.player-config-grid.svelte-1uha8ag{grid-template-columns:minmax(0,1.45fr) minmax(9rem,.85fr);align-items:stretch;gap:.85rem;display:grid}.color-panel.svelte-1uha8ag{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:linear-gradient(#06101ab8,#040a1285);border-left:1px solid #7dd3fc2e;flex-direction:column;justify-content:flex-start;gap:.75rem;padding:.85rem .9rem;display:flex}.preview-mode-row.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.preview-mode-btn.svelte-1uha8ag{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));background:#050d16e6;border:1px solid #7dd3fc24;padding:.55rem .45rem;font-size:.66rem;font-weight:700;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.preview-mode-btn.active.svelte-1uha8ag{color:var(--text-main);background:linear-gradient(#0e4a6ad1,#061f30eb);border-color:#7dd3fc66;box-shadow:0 0 14px #38bdf81f}.selection-header.svelte-1uha8ag{justify-content:space-between;align-items:end;gap:1rem;margin-top:.2rem;display:flex}.picker-label.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.16em;color:var(--text-main);font-size:.78rem;font-weight:700}.hex-grid.svelte-1uha8ag{align-items:start;display:grid}.hex-grid-colors.svelte-1uha8ag{grid-template-columns:repeat(5,minmax(0,1fr));gap:.05rem .2rem}.hex-grid-bodies.svelte-1uha8ag{grid-template-columns:repeat(9,minmax(0,1fr));gap:.45rem}.hex-option.svelte-1uha8ag{cursor:pointer;background:0 0;border:0;width:100%;padding:0;transition:transform .15s,opacity .15s;position:relative}.hex-option.svelte-1uha8ag:hover:not(:disabled):not(.selected){transform:translateY(-2px)}.hex-option.taken.svelte-1uha8ag{opacity:.34;cursor:not-allowed}.hex-frame.svelte-1uha8ag{--hex-accent:#7dd3fc;--hex-fill:#08121deb;background:var(--hex-fill);border:1px solid color-mix(in srgb, var(--hex-accent) 40%, #7dd3fc24);width:100%;height:100%;box-shadow:0 0 0 1px #f0f9ff0a inset, 0 0 18px color-mix(in srgb, var(--hex-accent) 20%, transparent);clip-path:polygon(24% 4%,76% 4%,100% 50%,76% 96%,24% 96%,0 50%);justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.hex-option.selected.svelte-1uha8ag .hex-frame:where(.svelte-1uha8ag){border-color:color-mix(in srgb, var(--hex-accent) 82%, white);box-shadow:0 0 0 1px #ffffff1f inset, 0 0 24px color-mix(in srgb, var(--hex-accent) 36%, transparent)}.color-hex.svelte-1uha8ag{aspect-ratio:1/.92;grid-column:span 2}.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(odd){grid-column-start:1}.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(2n){grid-column-start:3;margin-top:26%}.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):first-child,.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(2){grid-row:1}.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(3),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4){grid-row:2}.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(5),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(6){grid-row:3}.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(7),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(8){grid-row:4}.color-hex.svelte-1uha8ag .hex-frame:where(.svelte-1uha8ag):after{content:"";background:var(--hex-fill);clip-path:polygon(24% 4%,76% 4%,100% 50%,76% 96%,24% 96%,0 50%);box-shadow:0 0 22px color-mix(in srgb, var(--hex-accent) 28%, transparent);position:absolute;inset:.32rem}.body-hex.svelte-1uha8ag{aspect-ratio:1/1.08;grid-column:span 2}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):first-child,.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):first-child{grid-column-start:1}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(2),.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(2){grid-column-start:3}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(3),.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(3){grid-column-start:5}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4),.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4){grid-column-start:7}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(5){grid-column-start:2}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(6){grid-column-start:4}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(7){grid-column-start:6}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(8){grid-column-start:8}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(n+5){margin-top:-20%}.body-frame.svelte-1uha8ag{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--hex-accent) 24%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--hex-fill) 92%, #ffffff0a), color-mix(in srgb, var(--hex-fill) 100%, #00000024));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.6rem .5rem;overflow:hidden}.body-icon.svelte-1uha8ag{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff14,0 0 14px #38bdf829}.body-icon-hex.svelte-1uha8ag{pointer-events:none;width:auto;height:auto;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--hex-accent) 24%, transparent));opacity:1;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.body-label.svelte-1uha8ag{z-index:1;color:#f7fcff;text-shadow:0 1px #040a12cc,0 0 14px #040a1273;font-size:.82rem;font-weight:800;position:relative}.body-blurb.svelte-1uha8ag{z-index:1;color:#ecf7ffa3;max-width:6ch;font-size:.6rem;font-weight:700;line-height:1.2;position:relative}.hex-option.selected.svelte-1uha8ag .body-label:where(.svelte-1uha8ag){color:#fff;text-shadow:0 1px 0 #040a12db, 0 0 18px color-mix(in srgb, var(--hex-accent) 34%, transparent)}.btn-join.svelte-1uha8ag{color:#03111a;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(135deg,#38bdf8 0%,#14b8a6 100%);border:1px solid #7dd3fc80;width:100%;padding:.95rem 1.25rem;font-size:1rem;font-weight:900;transition:transform .1s,box-shadow .2s,filter .2s;box-shadow:inset 0 0 0 1px #f0f9ff2e,0 0 26px #38bdf842}.btn-join.svelte-1uha8ag:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #f0f9ff33,0 0 32px #38bdf857}.btn-join.svelte-1uha8ag:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.utility-row.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.btn-editor.svelte-1uha8ag{text-align:center;color:#8ca3b8d6;text-transform:uppercase;letter-spacing:.18em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:#050d163d;border:0;border-top:1px solid #7dd3fc1f;padding:.64rem .9rem;font-size:.72rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:block}.btn-editor.svelte-1uha8ag:hover{color:var(--text-main);background:#0816225c;border-color:#7dd3fc4d}.spinner.svelte-1uha8ag{animation:1s linear infinite svelte-1uha8ag-spin;display:inline-block}@keyframes svelte-1uha8ag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error.svelte-1uha8ag{color:#fca5a5;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#450a0a47;border:1px solid #f8717138;padding:.65rem .8rem;font-size:.85rem}@media (width<=640px){main.svelte-1uha8ag{padding:1rem}.hero.svelte-1uha8ag{max-width:none}.join-card.svelte-1uha8ag{padding:1rem}h1.svelte-1uha8ag{letter-spacing:.14em}.utility-row.svelte-1uha8ag,.player-config-grid.svelte-1uha8ag{grid-template-columns:1fr}.selection-header.svelte-1uha8ag{flex-direction:column;align-items:flex-start}.hex-grid-bodies.svelte-1uha8ag{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem .35rem}.hex-grid-colors.svelte-1uha8ag{grid-template-columns:repeat(5,minmax(0,1fr));gap:.04rem .14rem}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n+1),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n+1){grid-column-start:1}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n+2),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n+2){grid-column-start:3}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n+3),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n+3){grid-column-start:2}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n){grid-column-start:4}.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n+3),.hex-grid-bodies.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n+3),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(4n){margin-top:-28%}.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(odd),.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(2n){grid-row:auto}.hex-grid-colors.svelte-1uha8ag>:where(.svelte-1uha8ag):nth-child(2n){margin-top:0}}@media (width>=641px) and (width<=1023px){main.svelte-1uha8ag{padding:1.4rem}.hero.svelte-1uha8ag{gap:1.5rem;max-width:58rem}.logo.svelte-1uha8ag{padding:1rem 0 .15rem}.join-card.svelte-1uha8ag{gap:1rem;max-width:none;padding:1.55rem}.player-config-grid.svelte-1uha8ag{grid-template-columns:minmax(0,1.4fr) minmax(11rem,.95fr);gap:1rem}.hex-grid-bodies.svelte-1uha8ag{gap:.38rem .4rem}.body-frame.svelte-1uha8ag{padding:1rem .8rem .85rem}}@media (width>=1024px){main.svelte-1uha8ag{align-items:stretch;padding:2rem 2.5rem 2rem 1.25rem}.hero.svelte-1uha8ag{grid-template-columns:minmax(23rem,.95fr) minmax(40rem,1.15fr);align-items:center;gap:clamp(2rem,4vw,4rem);max-width:82rem;min-height:min(50rem,100vh - 4rem);display:grid}.logo.svelte-1uha8ag{text-align:left;place-self:start;align-items:flex-start;padding:1rem 0 0}.logo-kicker.svelte-1uha8ag{max-width:100%;padding-left:.15rem}h1.svelte-1uha8ag{letter-spacing:.12em;font-size:clamp(3.8rem,6.3vw,6.1rem);line-height:.94}.join-card.svelte-1uha8ag{align-self:center;gap:1.05rem;max-width:none;padding:1.65rem 1.75rem 1.5rem}.card-heading.svelte-1uha8ag{margin-bottom:.25rem}.preview-row.svelte-1uha8ag{padding:.85rem 1rem}.player-config-grid.svelte-1uha8ag{grid-template-columns:minmax(0,1.7fr) minmax(13rem,.92fr);gap:1rem}.color-panel.svelte-1uha8ag{padding:1rem}.hex-grid-bodies.svelte-1uha8ag{gap:.24rem .32rem}.body-frame.svelte-1uha8ag{padding:.72rem .55rem}.join-card-loadout.svelte-1uha8ag{align-self:stretch;gap:.8rem;min-height:min(43rem,100vh - 5rem);padding:1.35rem 1.45rem 1.2rem}.join-card-loadout.svelte-1uha8ag .utility-row:where(.svelte-1uha8ag){margin-top:auto}.join-card-loadout.svelte-1uha8ag .card-heading:where(.svelte-1uha8ag){margin-bottom:.05rem}.join-card-loadout.svelte-1uha8ag .stepper:where(.svelte-1uha8ag){gap:.5rem}.join-card-loadout.svelte-1uha8ag .step-chip:where(.svelte-1uha8ag){padding:.42rem .58rem}.join-card-loadout.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag){padding:.6rem .8rem}.join-card-loadout.svelte-1uha8ag .robot-preview:where(.svelte-1uha8ag){width:50px;height:50px}.join-card-loadout.svelte-1uha8ag .player-config-grid:where(.svelte-1uha8ag){grid-template-columns:minmax(0,2.15fr) minmax(11rem,.58fr);gap:.8rem}.join-card-loadout.svelte-1uha8ag .chassis-preview{height:11rem}.join-card-loadout.svelte-1uha8ag .color-panel:where(.svelte-1uha8ag){gap:.55rem;padding:.75rem .8rem}.join-card-loadout.svelte-1uha8ag .preview-mode-btn:where(.svelte-1uha8ag){padding:.42rem .35rem;font-size:.6rem}.join-card-loadout.svelte-1uha8ag .hex-grid-colors:where(.svelte-1uha8ag){gap:0 .12rem}.join-card-loadout.svelte-1uha8ag .selection-header:where(.svelte-1uha8ag){gap:.45rem}.join-card-loadout.svelte-1uha8ag .picker-label:where(.svelte-1uha8ag){letter-spacing:.14em;font-size:.72rem}.join-card-loadout.svelte-1uha8ag .hex-grid-bodies:where(.svelte-1uha8ag){gap:.08rem .16rem}.join-card-loadout.svelte-1uha8ag .hex-grid-bodies:where(.svelte-1uha8ag)>:where(.svelte-1uha8ag):nth-child(n+5){margin-top:-26%}.join-card-loadout.svelte-1uha8ag .body-frame:where(.svelte-1uha8ag){gap:.16rem;padding:.64rem .45rem .52rem}.join-card-loadout.svelte-1uha8ag .body-icon-hex:where(.svelte-1uha8ag){width:1.85rem;height:1.85rem;margin-bottom:0}.join-card-loadout.svelte-1uha8ag .body-label:where(.svelte-1uha8ag){font-size:.7rem}.join-card-loadout.svelte-1uha8ag .body-blurb:where(.svelte-1uha8ag){display:none}.join-card-loadout.svelte-1uha8ag .btn-join:where(.svelte-1uha8ag){padding:.8rem 1rem}.join-card-loadout.svelte-1uha8ag .btn-editor:where(.svelte-1uha8ag){padding:.68rem .85rem;font-size:.74rem}.hero-compact.svelte-1uha8ag{grid-template-columns:minmax(28rem,1.05fr) minmax(34rem,.95fr);min-height:auto}.hero-loadout.svelte-1uha8ag{grid-template-columns:minmax(23rem,.95fr) minmax(43rem,1.15fr)}.join-card-compact.svelte-1uha8ag{justify-self:end;max-width:44rem}}@media (width>=1024px) and (height<=820px){main.svelte-1uha8ag{align-items:start;padding:1rem 1.5rem 1rem .75rem}.hero.svelte-1uha8ag{align-items:start;gap:1.5rem;max-width:none;height:auto;min-height:auto}.hero-loadout.svelte-1uha8ag{grid-template-columns:minmax(25rem,.84fr) minmax(41rem,1.16fr)}.logo.svelte-1uha8ag{place-self:start;padding-top:.4rem}.logo-kicker.svelte-1uha8ag{letter-spacing:.26em;font-size:.64rem}h1.svelte-1uha8ag{letter-spacing:.08em;font-size:clamp(3.2rem,5vw,4.9rem);line-height:.96}.join-card-loadout.svelte-1uha8ag{gap:.58rem;min-height:auto;max-height:calc(100vh - 2rem);padding:1rem 1.1rem .95rem}.join-card-loadout.svelte-1uha8ag .section-label:where(.svelte-1uha8ag){letter-spacing:.22em;font-size:.62rem}.join-card-loadout.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:1.05rem}.join-card-loadout.svelte-1uha8ag .mode-btn:where(.svelte-1uha8ag){padding:.62rem .42rem;font-size:.7rem}.join-card-loadout.svelte-1uha8ag .preview-row:where(.svelte-1uha8ag){padding:.48rem .7rem}.join-card-loadout.svelte-1uha8ag .preview-label:where(.svelte-1uha8ag){font-size:.88rem}.join-card-loadout.svelte-1uha8ag .preview-subtitle:where(.svelte-1uha8ag){font-size:.58rem}.join-card-loadout.svelte-1uha8ag .player-config-grid:where(.svelte-1uha8ag){grid-template-columns:minmax(0,2fr) minmax(11.75rem,.66fr);gap:.65rem}.join-card-loadout.svelte-1uha8ag .chassis-preview{height:9.15rem}.join-card-loadout.svelte-1uha8ag .color-panel:where(.svelte-1uha8ag){gap:.4rem;padding:.62rem .65rem}.join-card-loadout.svelte-1uha8ag .panel-label:where(.svelte-1uha8ag){letter-spacing:.18em;font-size:.58rem}.join-card-loadout.svelte-1uha8ag .preview-mode-row:where(.svelte-1uha8ag){gap:.28rem}.join-card-loadout.svelte-1uha8ag .preview-mode-btn:where(.svelte-1uha8ag){letter-spacing:.08em;padding:.34rem .18rem;font-size:.54rem}.join-card-loadout.svelte-1uha8ag .hex-grid-colors:where(.svelte-1uha8ag){gap:0 .08rem}.join-card-loadout.svelte-1uha8ag .color-hex:where(.svelte-1uha8ag) .hex-frame:where(.svelte-1uha8ag):after{inset:.24rem}.join-card-loadout.svelte-1uha8ag .selection-header:where(.svelte-1uha8ag){gap:.28rem}.join-card-loadout.svelte-1uha8ag .picker-label:where(.svelte-1uha8ag){letter-spacing:.12em;font-size:.64rem}.join-card-loadout.svelte-1uha8ag .hex-grid-bodies:where(.svelte-1uha8ag){gap:.12rem .3rem}.join-card-loadout.svelte-1uha8ag .hex-grid-bodies:where(.svelte-1uha8ag)>:where(.svelte-1uha8ag):nth-child(n+5){margin-top:-30%}.join-card-loadout.svelte-1uha8ag .body-frame:where(.svelte-1uha8ag){gap:.12rem;padding:.46rem .3rem .4rem}.join-card-loadout.svelte-1uha8ag .body-icon-hex:where(.svelte-1uha8ag){transform:scale(.88)}.join-card-loadout.svelte-1uha8ag .body-label:where(.svelte-1uha8ag){letter-spacing:0;white-space:nowrap;font-size:.58rem}.join-card-loadout.svelte-1uha8ag .btn-join:where(.svelte-1uha8ag){padding:.68rem .85rem;font-size:.84rem}.join-card-loadout.svelte-1uha8ag .utility-row:where(.svelte-1uha8ag){gap:.55rem}.join-card-loadout.svelte-1uha8ag .btn-editor:where(.svelte-1uha8ag){padding:.56rem .72rem;font-size:.68rem}}