.menu-screen{--menu-accent:#8fa6ff;--menu-glow:#63f5e6;--menu-deep:#080c1c;--menu-mid:#5b64a8;z-index:10;box-sizing:border-box;overscroll-behavior:contain;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--menu-mid) 22%, transparent) 0%, color-mix(in srgb, var(--menu-deep) 92%, transparent) 72%);color:#e8f1ff;flex-direction:column;justify-content:safe center;align-items:center;gap:1.9rem;padding:1.25rem 1rem;font-family:system-ui,sans-serif;transition:background .35s;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-screen>*{flex-shrink:0}.menu-screen__title{letter-spacing:.2em;text-transform:uppercase;color:var(--menu-accent);text-shadow:0 0 18px color-mix(in srgb, var(--menu-glow) 55%, transparent);margin:0;font-size:2.5rem;font-weight:700;transition:color .35s,text-shadow .35s}.menu-screen__subtitle{letter-spacing:.15em;text-transform:uppercase;color:#7a8aa0;margin:-1.2rem 0 0;font-size:.95rem}.menu-screen__planets{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:min(100%,72rem);display:flex}.planet-button{cursor:pointer;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:.75rem;font-family:inherit;transition:transform .15s;display:flex}.planet-button:hover:not(:disabled){transform:scale(1.06)}.planet-button:disabled{cursor:default}.planet-button__icon{--planet-glow:#6fb7ff;width:88px;height:88px;box-shadow:0 0 24px color-mix(in srgb, var(--planet-glow) 40%, transparent);outline-offset:4px;background-position:50%;background-size:cover;border-radius:50%;outline:3px solid #0000;transition:outline-color .15s;display:block}.planet-button--selected .planet-button__icon{outline-color:var(--menu-accent);animation:1.8s ease-in-out infinite planet-pulse}@keyframes planet-pulse{0%,to{box-shadow:0 0 24px color-mix(in srgb, var(--menu-glow) 40%, transparent)}50%{box-shadow:0 0 36px color-mix(in srgb, var(--menu-glow) 75%, transparent)}}.planet-button__label{letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}.menu-screen__planets--extras{gap:1.25rem;margin-top:-1rem}.menu-screen__planets--extras .planet-button__icon{opacity:.75;width:48px;height:48px}.menu-screen__planets--extras .planet-button__label{color:#8a99ad;font-size:.75rem}.menu-screen__description{color:#a9b8cc;text-align:center;max-width:32rem;min-height:2.6rem;margin:-1rem 0 0;padding:0 1rem;font-size:.95rem;line-height:1.4}.menu-screen__launch{letter-spacing:.12em;text-transform:uppercase;color:#05070a;background:var(--menu-accent);cursor:pointer;border:none;border-radius:4px;padding:.85rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .35s,opacity .15s,transform .15s}.menu-screen__launch:hover:not(:disabled){transform:translateY(-2px)}.menu-screen__launch:disabled{color:#5a6678;cursor:default;background:#2a3442}.skirmish-setup{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem;width:min(94vw,54rem);margin-top:-.5rem;display:flex}.match-options{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--menu-accent) 28%, transparent);background:#141c2b99;border-radius:6px;flex-direction:column;flex:28rem;justify-content:center;gap:.5rem;max-width:32rem;padding:1rem 1.25rem;transition:border-color .35s;display:flex}.match-options__title{letter-spacing:.2em;text-transform:uppercase;color:var(--menu-accent);border-bottom:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);margin:0 0 .35rem;padding-bottom:.45rem;font-size:.78rem;font-weight:600}.match-options__row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.match-options__label{letter-spacing:.06em;text-transform:uppercase;color:#a9b8cc;flex-shrink:0;font-size:.8rem}.match-options__segmented{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.match-options__segment{white-space:nowrap;color:#a9b8cc;border:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);cursor:pointer;background:#ffffff0a;border-radius:4px;padding:.35rem .65rem;font-family:inherit;font-size:.78rem}.match-options__segment:hover{border-color:color-mix(in srgb, var(--menu-accent) 55%, transparent)}.match-options__segment--selected{color:#05070a;background:var(--menu-accent);border-color:var(--menu-accent);transition:background .35s,border-color .35s}.match-options__seed{flex:1;gap:.35rem;min-width:0;max-width:17rem;display:flex}.match-options__seed-input{color:#e8f1ff;border:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);background:#ffffff0a;border-radius:4px;flex:1;min-width:0;padding:.35rem .6rem;font-family:inherit;font-size:.85rem}.match-options__randomize{white-space:nowrap;color:#a9b8cc;border:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);cursor:pointer;background:#ffffff0a;border-radius:4px;padding:.35rem .6rem;font-family:inherit;font-size:.78rem}.match-options__randomize:hover{border-color:color-mix(in srgb, var(--menu-accent) 55%, transparent);color:#e8f1ff}.match-slots{border-top:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);flex-direction:column;gap:.3rem;margin-top:.2rem;padding-top:.45rem;display:flex}.match-slots__head,.match-slots__row{grid-template-columns:1.4rem minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:.35rem;display:grid}.match-slots__head{letter-spacing:.08em;text-transform:uppercase;color:#7f8ea3;font-size:.68rem}.match-slots__index{color:#05070a;border-radius:3px;place-items:center;width:1.3rem;height:1.3rem;font-size:.72rem;font-weight:700;display:grid}.match-slots__row--closed .match-slots__index{color:#a9b8cc;background:#3a4556!important}.match-slots__row--closed select:not(.match-slots__kind){opacity:.35}.match-slots select{color:#e8f1ff;border:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);background:#0a0e16e6;border-radius:4px;width:100%;min-width:0;padding:.28rem .35rem;font-family:inherit;font-size:.76rem}.match-slots__warning{color:#fc8181;min-height:1em;font-size:.72rem}.match-options__tabs{gap:.35rem;margin:-.1rem 0 .15rem;display:flex}.match-options__tab{letter-spacing:.16em;text-transform:uppercase;color:#a9b8cc;border:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);cursor:pointer;background:#ffffff08;border-radius:4px;flex:1;padding:.4rem .6rem;font-family:inherit;font-size:.74rem;font-weight:600}.match-options__tab:hover{border-color:color-mix(in srgb, var(--menu-accent) 55%, transparent)}.match-options__tab--selected{color:var(--menu-accent);background:color-mix(in srgb, var(--menu-accent) 12%, transparent);border-color:color-mix(in srgb, var(--menu-accent) 60%, transparent)}.match-options__panel{flex-direction:column;gap:.5rem;display:flex}.match-options__panel[hidden]{display:none}.match-options__segment:disabled{cursor:not-allowed}.match-options__segment:disabled:not(.match-options__segment--selected){opacity:.55}.match-options__segment:disabled:hover{border-color:color-mix(in srgb, var(--menu-accent) 22%, transparent)}.match-options__segmented--disabled .match-options__segment,.world-tab__group--pending .world-tab__mutator{opacity:.55}.match-options__segmented--disabled .match-options__segment:hover{border-color:color-mix(in srgb, var(--menu-accent) 22%, transparent)}.world-tab{flex-direction:column;gap:.45rem;display:flex}.world-tab__blurb,.world-tab__note{color:#a9b8cc;margin:0;font-size:.74rem;line-height:1.35}.world-tab__note{color:#7f8ea3}.world-tab__group{border-top:1px solid color-mix(in srgb, var(--menu-accent) 18%, transparent);flex-direction:column;gap:.35rem;padding-top:.4rem;display:flex}.world-tab__group-head{letter-spacing:.12em;text-transform:uppercase;color:#cbd6e4;align-items:center;gap:.5rem;font-size:.68rem;display:flex}.world-tab__group--pending .match-options__label{color:#7f8ea3}.world-tab__phase{letter-spacing:.08em;color:var(--menu-accent);border:1px solid color-mix(in srgb, var(--menu-accent) 45%, transparent);border-radius:999px;padding:.05rem .4rem;font-size:.62rem}.world-tab__mutators{flex-wrap:wrap;gap:.35rem;display:flex}.share-code{border-top:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);flex-direction:column;gap:.35rem;padding-top:.45rem;display:flex}.share-code__row{max-width:21rem}.share-code__current{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.78rem}.share-code__copy:disabled{opacity:.45;cursor:not-allowed}.share-code__status{color:#7ee2a8;min-height:1em;font-size:.72rem}.share-code__status--bad{color:#fc8181}.menu-screen__settings-toggle{letter-spacing:.1em;text-transform:uppercase;color:#a9b8cc;border:1px solid color-mix(in srgb, var(--menu-accent) 22%, transparent);cursor:pointer;touch-action:manipulation;background:#ffffff0a;border-radius:4px;margin-top:-1.3rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.85rem}.menu-screen__settings-toggle:hover{border-color:color-mix(in srgb, var(--menu-accent) 55%, transparent);color:#e8f1ff}.menu-screen__settings{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--menu-accent) 28%, transparent);background:#141c2b99;border-radius:6px;width:min(90vw,28rem);margin-top:-1rem;padding:1rem 1.25rem;transition:border-color .35s}.menu-screen button:focus-visible,.menu-screen input:focus-visible{outline:2px solid var(--menu-glow);outline-offset:2px}.planet-button:focus-visible{outline:none!important}.planet-button:focus-visible .planet-button__icon{outline-color:var(--menu-glow)}.map-preview{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--menu-accent) 28%, transparent);background:#141c2b99;border-radius:6px;flex-direction:column;flex:none;gap:.5rem;width:19rem;margin:0;padding:.75rem;display:flex}.map-preview__frame{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--menu-accent) 35%, transparent);background:#05070a;width:100%;position:relative;box-shadow:inset 0 0 18px #0009}.map-preview__frame:before,.map-preview__frame:after{content:"";border:2px solid var(--menu-accent);pointer-events:none;z-index:1;width:14px;height:14px;position:absolute}.map-preview__frame:before{border-bottom:none;border-right:none;top:-4px;left:-4px}.map-preview__frame:after{border-top:none;border-left:none;bottom:-4px;right:-4px}.map-preview__canvas{width:100%;height:100%;transition:opacity .2s,filter .2s;display:block}.map-preview--busy .map-preview__canvas{opacity:.45;filter:saturate(.5)}.map-preview__status{letter-spacing:.12em;text-transform:uppercase;color:#e8f1ff;text-shadow:0 1px 3px #000;pointer-events:none;justify-content:center;align-items:center;font-size:.78rem;animation:1.1s ease-in-out infinite preview-blink;display:flex;position:absolute;inset:0}@keyframes preview-blink{0%,to{opacity:1}50%{opacity:.45}}.map-preview__caption{color:#a9b8cc;text-align:center;min-height:2em;font-size:.72rem;line-height:1.35}.map-preview__legend{letter-spacing:.04em;text-transform:uppercase;color:#8a99ad;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;font-size:.68rem;display:flex}.map-preview__legend-item{align-items:center;gap:.3rem;display:inline-flex}.map-preview__swatch{width:8px;height:8px;display:inline-block}.map-preview__swatch--dot{border-radius:50%}@media (width<=560px){.menu-screen{justify-content:flex-start;gap:1.5rem}.menu-screen__title{font-size:1.75rem}.menu-screen__subtitle,.menu-screen__description,.menu-screen__planets--extras,.skirmish-setup,.menu-screen__settings,.menu-screen__settings-toggle{margin-top:0}.menu-screen__planets{gap:1rem}.planet-button__icon{width:64px;height:64px}.menu-screen__planets--extras .planet-button__icon{width:38px;height:38px}.planet-button__label{font-size:.8rem}.match-options__row{flex-direction:column;align-items:stretch;gap:.35rem}.match-options__segmented{justify-content:space-between}.match-options__segment{flex:1}.match-options__seed{max-width:none}.map-preview{width:100%}}