#splash.menu .splash-bar,#splash.menu .splash-status{display:none}.start{margin-top:var(--ui-space-4);width:min(360px,calc(100vw - 32px))}.start-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--ui-space-3);animation:start-in var(--ui-motion) ease-out}.start-title{text-align:center;font-size:var(--ui-text-title);font-weight:700;color:var(--ui-ink)}.start-title.warn,.start-note.warn,.start-hint.bad{color:var(--ui-danger)}.start-text{margin:0;text-align:center;line-height:1.5;color:var(--ui-muted)}.start-text b,.start-note b{color:var(--ui-ink)}.ui-button.start-btn{min-height:var(--ui-touch-target);padding:var(--ui-space-2) var(--ui-space-4);font-size:var(--ui-text-md)}.start-continue{display:flex;align-items:center;justify-content:center;gap:var(--ui-space-3)}.start-continue span{display:flex;flex-direction:column;align-items:flex-start}.start-continue small{font-size:var(--ui-text-sm);font-weight:400;color:inherit}.start-goblin{image-rendering:pixelated;flex:none}.start-create{display:flex;align-items:center;gap:var(--ui-space-4)}.start-create>.start-goblin{padding:var(--ui-space-2);background:var(--ui-surface);border:1px solid var(--ui-line)}.start-fields{display:flex;flex-direction:column;gap:var(--ui-space-1);flex:1;min-width:0}.start-label{font-size:var(--ui-text-sm);color:var(--ui-muted)}.start-input{box-sizing:border-box;min-height:var(--ui-touch-target);min-width:0;width:100%;padding:var(--ui-space-2);font:inherit;font-size:var(--ui-text-md);color:var(--ui-ink);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius)}.start-input:focus-visible{outline:2px solid var(--ui-gold);outline-offset:2px}.start-hint{min-height:1.4em;font-size:var(--ui-text-sm);color:var(--ui-muted)}.start-swatches{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--ui-space-1)}.start-swatch{width:100%;aspect-ratio:1;padding:0;border:1px solid var(--ui-border);cursor:pointer}.start-swatch.on{outline:2px solid var(--ui-gold);outline-offset:1px}.start-swatch:focus-visible{outline:2px dashed var(--ui-gold);outline-offset:2px}.start-note{margin:0;text-align:center;font-size:var(--ui-text-sm);line-height:1.5;color:var(--ui-muted)}.start-leave{display:flex;flex-direction:column;gap:var(--ui-space-3);margin-top:var(--ui-space-4);padding-top:var(--ui-space-4);border-top:1px solid var(--ui-line)}@keyframes start-in{0%{opacity:0;transform:translateY(4px)}}@media(max-width:420px){.start-create{flex-direction:column}}html.touch .start-swatches{grid-template-columns:repeat(5,1fr)}html.touch .start-swatch{min-height:var(--ui-touch-target);aspect-ratio:auto}@media(max-height:500px){#splash.menu{overflow-y:auto;align-items:flex-start}#splash.menu .splash-box{padding:16px;margin:auto}#splash.menu .splash-title{font-size:56px}#splash.menu .start{margin-top:0;width:min(480px,calc(100vw - 48px))}#splash.menu .start-create{align-items:center}#splash.menu:has(.start-create) .splash-title{display:none}#splash.menu:has(.start-create) .splash-box{padding:12px;gap:8px}#splash.menu:has(.start-create) .start-card{gap:8px}}@media(prefers-reduced-motion:reduce){.start-card{animation:none}}