#screen-menu{gap:10px;text-align:center;overflow:hidden;max-width:880px;width:100%;margin:0 auto;justify-content:center}
.menu-head{padding-top:4px}
.logo{font-size:clamp(1.9rem,5.5vw,2.7rem);font-weight:900;letter-spacing:.04em;line-height:1.1}
.logo span{color:var(--snake);text-shadow:0 0 18px color-mix(in srgb,var(--snake) 55%,transparent)}
.tagline{color:var(--muted);font-size:.9rem;margin-top:2px}
.menu-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.section-title{font-size:.9rem;color:var(--muted);font-weight:600;text-align:left}
.chips{display:flex;gap:8px;flex:1;max-width:420px}
.chip{flex:1;padding:8px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-weight:600}
.chip.selected{border-color:var(--cyan);background:var(--panel-2);box-shadow:0 0 0 1px var(--cyan) inset}

.mode-grid{flex:0 1 auto;min-height:0;overflow-y:auto;padding:2px;display:grid;
  grid-template-columns:repeat(4,1fr);gap:10px;align-content:start;text-align:left;
  scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.mode-grid::-webkit-scrollbar{width:6px}
.mode-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.mode-grid::-webkit-scrollbar-track{background:transparent}

.mode-card{position:relative;padding:10px 12px;border-radius:var(--radius);background:var(--panel);
  border:1px solid var(--line);display:flex;flex-direction:column;gap:2px;text-align:left}
.mode-card b{font-size:.95rem;padding-right:3.2rem}
.mode-card small{color:var(--muted);font-size:.78rem;line-height:1.3}
.mode-card.selected{border-color:var(--snake);box-shadow:0 0 0 1px var(--snake) inset,0 0 16px color-mix(in srgb,var(--snake) 25%,transparent)}
.mode-card:disabled{opacity:.45;cursor:not-allowed}
.mode-card .badge{position:absolute;top:9px;right:10px;color:var(--cyan);font-size:.7rem;font-weight:600}
.mode-card .badge.soon{color:var(--snack)}

.menu-footer{flex:none;padding:4px 0 2px;display:flex;flex-direction:column;align-items:center;gap:8px}
.menu-footer .big{width:min(320px,100%)}
.menu-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(560px,100%)}
.menu-nav .btn{padding:8px 6px;font-size:.85rem}